<template>
  <div class="body">
    <div id="w1" class="anchor" style="-webkit-transform:translateY(-122px);transform: translateY(-122px)"></div>
    <section class="center-block">
      <div class="Crumbs">
        您的位置：
        <router-link to="/index">首页<b>&gt;</b></router-link>
        <router-link to="/govService">政务服务<b>&gt;</b></router-link>
        <a href="javascript:;">办事指南</a>
      </div>
      <h2 class="zhTitle">立项用地规划许可阶段(财政投融资项目-增量(新增)建设用地项目)</h2>

      <div class="clearfix QuaT">
        <div class="tab-left">
          <table class="table table-bordered" width="100%" cellpadding="0" cellspacing="0">
            <tbody>
            <tr>
              <td class="tHead">事项名称</td>
              <td colspan="5">立项用地规划许可阶段（财政投融资项目-增量（新增）建设用地项目）</td>
            </tr>
            <tr>
              <td class="tHead" id="w2">事项编号</td>
              <td>350200BL0101</td>
              <td class="tHead">基本编码</td>
              <td colspan="3">建设项目事项</td>
            </tr>

            <tr>
              <td class="tHead" id="w3">审批对象</td>
              <td>个人和单位</td>
              <td class="tHead">办件类型</td>
              <td>联办件</td>
              <td class="tHead">审批类别</td>
              <td>审批</td>
            </tr>
            <tr>
              <td class="tHead" id="w4">受理机关</td>
              <td colspan="5">南昌市发展和改革委员会;南昌市国土资源与房产管理局;南昌市规划委员会</td>
            </tr>

            <tr>
              <td class="tHead" id="w5">法律依据</td>
              <td colspan="5">新建选址意见书的核发
                1.《中华人民共和国城乡规划法》第36条； 2.《福建省实施〈中华人民
                共和国城乡规划法〉办法》第28条； 3.《厦门市城乡规划条例》第26、27条。 建设项目用地
                预审 1.《中华人民共和国土地管理法》第52条； 2.《中华人民共和国土地管理法实施条例》第
                22条、第23条； 3.《建设项目用地预审管理办法》（国土资源部令第42号）第4条、第5条、
                第6条； 4.《福建省实施〈中华人民共和国土地管理法〉办法》第38条； 5.《福建省国土资源
                厅《关于做好下放的行政审批项目承接工作的通知》（闽国土资文[2011]272号； 6.国土资源部
                关于修改《建设项目用地预审管理办法》的决定（国土资源部令第68号）； 7.福建省国土资源
                厅《关于改进和优化建设项目用地预审的通知》（闽国土资文[2017]17号）。 政府投资项目可
                行性研究报告审批 1.《国务院关于取消非行政许可审批事项的决定》（国发[2015]27号）； 2.
                《厦门市市级财政投资基本建设项目资金管理暂行办法》(厦府[1996]综139号)第5条； 3.《厦
                门市人民政府关于公布下放精简行政审批事项的通知》（厦府[2015]16号）； 4. 《厦门市人民
                政府关于印发多规合一业务协同平台运行规则的通知》（厦府(2017)327号）。 建设用地规划
              </td>
            </tr>
            <tr>
              <td class="tHead" id="w6">审批程序</td>
              <td colspan="5">1.申请人先登陆厦门市工程建设项目网上办事大厅进行网上申报后，再提交纸质材料至市行政
                服务中心三楼B厅统一收件；<br>
                2.发改委、规划委、国土房产局审查人员对所提交的电子文件和纸质材料进行审查，决定是否
                受理。不予受理的，一次性告知理由；<br>
                3.对于决定受理的，由审批部门进行审核，并在承诺期限内作出决定；<br>
                4.向申请人送达行政许可证件或批准文件。
              </td>
            </tr>
            <tr>
              <td class="tHead" id="w7">申请条件</td>
              <td colspan="5"> 1.发改部门或指挥部已下达前期工作计划(不涉及新增建筑面积的原有建筑修缮改造、智能化等
                项目可不下达前期工作计划)；<br>
                2.发改部门已出具建设方案策划意见函或片区指挥部已出具投资审定意见函。
              </td>
            </tr>
            <tr>
              <td class="tHead" id="w8">办理方式</td>
              <td colspan="5">先登陆厦门市工程建设项目网上办事大厅（http://222.76.242.238/）进行网上申报，再将对
                应份数的纸质材料送至市行政服务中心三楼B厅统一收件窗口，由统一收件窗口人员分送发改委、
                规划委、国土房产局窗口
              </td>
            </tr>
            <tr>
              <td class="tHead" id="w9">申请材料</td>
              <td colspan="5">
                一、需业主提供的材料
                <p class="title">共性材料</p>
                <p class="text">1.《立项用地规划许可阶段审批申请表》（新增项目:纸质原件：规划2份，国土1份，发改1份，
                  PDF或JPG格式电子版1份；自有用地内改扩建项目：纸质规划1份，发改1份；PDF或JPG格
                  式电子版规划1份 ）；<br>
                  2.企业法人《授权委托书》纸质原件(新增项目:规划2份，国土1份，PDF或JPG格式电子版1
                  份；自有用地内改扩建项目：规划1份，PDF或JPG格式电子版1份；发改部门不收取该项材料)；
                </p>
                <p class="title">报国土部门的材料</p>
                <p class="text">3.项目申请报告原件，主要内容包括项目建设单位、项目名称、拟建地点、建设性质、建设内容、
                  用地面积、建筑面积、总投资额、资金来源、申请事项；（新增项目:（纸质原件：国土1份，
                  PDF或JPG格式电子版1份）；<br>
                  4.行政许可告知承诺书；（纸质原件2份， PDF或JPG格式电子版材料1份）<br>
                  5.对国家和地方尚未颁布土地使用标准和建设标准的建设项目，以及确需突破土地使用确定的规
                  模和功能分区的建设项目（除水库和水电工程项目淹没区用地、矿区企业开采区用地、通信和水
                  电线路塔基用地、河道治理工程和引排灌工程用地外），应提交建设项目节地评价报告和专家评
                  审论证意见。（复印件1份， PDF或JPG格式电子化材料1份）。
                </p>
                <p class="title">报发改部门的材料</p>
                <p class="text">6.重大片区指挥 部项目，需提供指挥部出具的投资估（概）算审定意见函（原件1份， PDF或
                  JPG格式电子化材料1份）</p>
                <p class="title">报规划部门的材料</p>
                <p class="text">7.需提供具有设计资质的设计单位盖章作出的项目总平面图（含最新实测地形图）（比例1：
                  1000以上）。（规划：新增项目纸质原件2份，自有用地内改扩建项目纸质原件1份）,（CAD电
                  子版1份）。
                </p>
              </td>
            </tr>
            <tr>
              <td class="tHead">备注</td>
              <td colspan="5">1.网上申报，CAD类型文件需采用绿建水印添加标签后上传，非CAD类型文件有申请电子印章的，文
                件盖CA印章后可直接上传；没有申请电子印章的，通过在电子签章系统加盖公用章生成文件，上传到
                网上办件的“申请材料列表”栏目中； 2.添加标签前，请先备份电子材料； 3.电子文件需按办事指南申
                请材料顺序一一对应上传； 4.提交的纸质材料应是添加标签或加盖电子签章上传的电子文件，打印后
                再加盖单位公章及审批部门要求加盖的公章；（有申请电子印章的可直接打印加盖了电子印章的电子
                文件）； 5.外网申报过程中有问题具体可咨询7703248； 6.电子印章可通过厦门CA公司（市行政服
                务中心三楼A厅24号窗口）进行申请;CA办理咨询电话：0592-7703732。
              </td>
            </tr>
            <tr>
              <td class="tHead">收费名称</td>
              <td colspan="5">无</td>
            </tr>
            <tr>
              <td class="tHead">收费依据</td>
              <td colspan="5">无</td>
            </tr>
            <tr>
              <td class="tHead">收费标准</td>
              <td colspan="5">无</td>
            </tr>
            <tr>
              <td class="tHead" id="w10">收费主体</td>
              <td colspan="5">无</td>
            </tr>
            <tr>
              <td class="tHead">收费公式</td>
              <td colspan="5">无</td>
            </tr>
            <tr>
              <td class="tHead">办理地点</td>
              <td colspan="5">市行政服务中心三楼B厅中心统一收件、发件窗口 市行政服务中心三楼B厅厦门市发改委窗口
                市行政服务中心三楼B厅厦门市规划委窗口 市行政服务中心三楼B厅厦门市国土房产综合窗口
              </td>
            </tr>
            <tr>
              <td class="tHead">受理时间</td>
              <td colspan="5">周一至周五 上午 9:00-12:00 下午 13:00-17:00</td>
            </tr>
            <tr>
              <td class="tHead">温馨提示</td>
              <td colspan="5">1.网上申报，CAD类型文件需采用绿建水印添加标签后上传，非CAD类型文件有申请电子印章的，文
                件盖CA印章后可直接上传；没有申请电子印章的，通过在电子签章系统加盖公用章生成文件，上传到
                网上办件的“申请材料列表”栏目中； 2.添加标签前，请先备份电子材料； 3.电子文件需按办事指南申
                请材料顺序一一对应上传； 4.提交的纸质材料应是添加标签或加盖电子签章上传的电子文件，打印后
                再加盖单位公章及审批部门要求加盖的公章；（有申请电子印章的可直接打印加盖了电子印章的电子
                文件）； 5.外网申报过程中有问题具体可咨询7703248； 6.电子印章可通过厦门CA公司（市行政服
                务中心三楼A厅24号窗口）进行申请;CA办理咨询电话：0592-7703732。
              </td>
            </tr>
            <tr>
              <td class="tHead">联系人</td>
              <td colspan="5">窗口工作人员</td>
            </tr>
            <tr>
              <td class="tHead">咨询电话</td>
              <td colspan="5">0592-7703892（收件窗口）、0592-7703807（发改委窗口）、0592-7703813（规划窗
                口）、0592-7703814（规划窗口）、0592-7703796（国土窗口）
              </td>
            </tr>
            <tr>
              <td class="tHead" id="w11">投诉监督电话</td>
              <td colspan="5">投诉监督电话：12345（厦门市便民服务热线）； 市效能投诉中心网址：www.xm12345.gov.cn</td>
            </tr>
            <tr>
              <td class="tHead">流程图</td>
              <td colspan="5">
                <div class="lct">
                  <img src="@/assets/images/lct.jpg" alt="">
                </div>
              </td>
            </tr>
            </tbody>
          </table>
        </div>
        <div class="down-right">
          <div class="down-rightTop">
            <span :class="nowIndex===0?'active':''" @click="tabClick(0)">样式下载</span>
            <span :class="nowIndex===1?'active':''" @click="tabClick(1)">表格下载</span>
          </div>
          <section class="down-rightBox">
            <ul :class="nowIndex===0?'active':''">
              <li style="height: 400px">
                <nodata></nodata>
              </li>
              <li v-for="(value,index) in arr1" :key="index"><a :href="value.staffId"><span>{{value.title}}</span><i
                class="dtFont dtFont-xiazai"></i></a></li>
            </ul>
            <ul :class="nowIndex===1?'active':''">
              <li v-for="(value,index) in arr1" :key="index"><a :href="value.staffId"><span>{{value.title}}</span><i
                class="dtFont dtFont-xiazai"></i></a></li>
            </ul>
            <div class="onlineBtn"><a href="#">在线申报 <i class="fontSize14 dtFont dtFont-chakangengduo"></i></a></div>
          </section>
        </div>

        <div id="build-nav2" role="tablist">
          <ul class="diWei nav" id="nav" :class="navBarFixed == true ? 'navBarWrap' :''">
            <li :class="{'active': curindex === index}" v-for="(item, index) in companyData.navList" :key="index">
              <a :href="'#'+item.id">{{item.name}}</a>
            </li>
          </ul>
        </div>
      </div>
    </section>


  </div>
</template>

<script>
  import {getGovlist_1, getGovDetail} from '@/api/govService/index'
  import nodata from "@/components/noData"

  export default {
    name: 'govService',
    data() {
      return {
        id: '',
        curindex: 0,
        navBarFixed: false,
        companyData: {
          navList: [
            {name: '事项名称', id: 'w1'},
            {name: '事项编号', id: 'w2'},
            {name: '审批对象', id: 'w3'},
            {name: '受理机关', id: 'w4'},
            {name: '法律依据', id: 'w5'},
            {name: '审批程序', id: 'w6'},
            {name: '申请条件', id: 'w7'},
            {name: '办理方式', id: 'w8'},
            {name: '申请材料', id: 'w9'},
            {name: '收费主体', id: 'w10'},
            {name: '投诉监督电话', id: 'w11'}
          ],
          top: 229
        },
        arr1: [],
        nowIndex: 0,
      }
    },
    components: {
      nodata
    },
    mounted() {
      this.$router.afterEach((to, from, next) => {
        window.scrollTo(0, 0)
      })
      this.id = this.$route.query.id || '';
      window.addEventListener('scroll', this.initScroll)
      var navList = document.querySelector("#nav").querySelectorAll("li");

      this.getGovlist_1()
      this.getGovDetail()
    },
    methods: {
      getGovlist_1(id) {
        getGovlist_1(id).then(res => {
          this.arr1 = res.rows
        })
      },
      getGovDetail(id) {
        getGovDetail(id).then(res => {
          console.log(res);

        })
      },
      tabClick(index) {
        this.nowIndex = index
      },
      initScroll() {
        let _this = this;
        // 监听页面滚动事件
        var delClass = function (obj, cls) {
          if (obj.className == cls) {
            obj.className = "";
          }
        };
        var incClass = function (obj, cls) {
          if (obj.className != cls) {
            obj.className = cls;
          }
        };

        var pos = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
        if (pos > _this.companyData.top) {
          _this.navBarFixed = true;
        } else {
          _this.navBarFixed = false;
        }


        var navList = document.querySelector("#nav").querySelectorAll("li");
        let items = [];
        for (var p = 1; p < 12; p++) {
          items.push(document.querySelector("#w" + p))
        }
        console.log(items)
        // 滚动后遍历元素，如果页面滚动位置大于元素的位置，赋值给变量
        var currentId = "";
        let _itemTop = 0;
        for (var i = 0; i < items.length; i++) {
          var _item = items[i];
          if (i > 0) {
            _itemTop = 200 + _item.offsetTop;
          } else {
            _itemTop = _item.offsetTop - 123;
          }
          if (pos > _itemTop) {
            currentId = _item.id;
          } else {
            break;
          }
        }
        // 如果已赋值了变量，进行匹配，如果匹配则添加class其他删除
        if (currentId) {
          for (var j = 0; j < navList.length; j++) {
            var _navItem = navList[j];
            var _navId = _navItem.children[0].hash.replace(/#/g, '');
            if (_navId != currentId) {
              delClass(_navItem, "active");
            } else {
              incClass(_navItem, "active");
            }
          }
        }
      }
    },
    destroyed() {
      window.removeEventListener('scroll', this.initScroll)
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
  @import '../../assets/css/govService.css';

  .diWei.navBarWrap {
    position: fixed;
    left: 50%;
    margin-left: -724px;
  }

</style>
